<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 ,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/weui.min.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/css/common.css">
    <link rel="stylesheet" href="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/css/deliver.css">
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/plugins/fancybox/lib/jquery-1.10.1.min.js"></script>
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/jquery-we/jquery-weui.min.js"></script>
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/Highcharts-6.0.2/code/highcharts.js"></script>
    <script src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/scripts/views-main-charts.js"></script>
</head>
<body class="view-container">
<div class="header bar-positive">
    <a href="" class="left"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/blockr.png"/></a>
    <h1>发货单详情</h1>
    <a href="" class="right"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/more.png"/></a>
</div>
<div class="contanen">
    <div class="weui-cells weui-cells_form">
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">收货单号</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="DD000000001">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">订单号</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="SF1254811555221">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">配送方式</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="EXRYGFHMHKJLFDB">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">物流公司</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="圆通/申通/顺风">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">物流单号</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="KD00000170517607">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">购买会员</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="KD00000170517607">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">所属企业</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="武汉博宏网络工程有限公司">
            </div>
        </div>
    </div>

    <div class="weui-cells weui-cells_form">
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">收货人</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="张三">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">收货人电话</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="number" placeholder="132720111111">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">收货地址</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="湖北省武汉市江夏区">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">详细地址</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="武大园路武大航域二区xxxxx0001">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">物流单号</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="KD00000170517607">
            </div>
        </div>
    </div>

    <div class="weui-cells weui-cells_form">
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">发货人</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="李四">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">发货仓库</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="武大园路仓库">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">备注信息</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="请输入备注信息">
            </div>
        </div>
    </div>
    <div class="weui-cells weui-cells_form">
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">货品种类</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="text" placeholder="59种">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">购买数量</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="number" placeholder="89646">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">发货数量</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="number" placeholder="154648">
            </div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"><label class="weui-label">发货金额</label></div>
            <div class="weui-cell__bd">
                <input class="weui-input" type="number" placeholder="458922.78">
            </div>
        </div>
    </div>

    <div class="deliver-list">
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <p>货品清单（<span>2</span>）</p>
                </div>
                <div class="weui-cell__ft">
                    点此折叠
                    <i class="icon icon-top"></i>
                </div>
            </div>
        </div>
    </div>
    <div class="deliver-lists">
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__hd deliver-img"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/list.png"/></div>
                <div class="weui-cell__bd deliver-ees">
                    <h2>单枝仿真花束花插花假花单枝仿真花束花插花假花单枝仿真花</h2>
                    <p><span>编号：</span><span>HP00000001</span></p>
                </div>
            </div>
        </div>
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__bd deliver-ee">
                    <p><span>颜色：</span><span>粉色</span></p>
                    <p><span>单价：</span>￥62.00/件</p>
                    <p><span>品牌：</span>品牌名称</p>
                    <p><span>税码：</span>增值税20%</p>
                </div>
                <div class="weui-cell__ft">
                    <p></p>
                    <p>x100个(1箱)</p>
                    <p class="list_red">￥312.00</p>
                </div>
            </div>
        </div>
    </div>
    <div class="deliver-lists">
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__hd deliver-img"><img src="../../../../../../../../bohoon.cn/bohoon-main/src/main/resources/static/assets/images/list.png"/></div>
                <div class="weui-cell__bd deliver-ees">
                    <h2>单枝仿真花束花插花假花单枝仿真花束花插花假花单枝仿真花</h2>
                    <p><span>编号：</span><span>HP00000001</span></p>
                </div>
            </div>
        </div>
        <div class="weui-cells">
            <div class="weui-cell">
                <div class="weui-cell__bd deliver-ee">
                    <p><span>颜色：</span><span>粉色</span></p>
                    <p><span>单价：</span>￥62.00/件</p>
                    <p><span>品牌：</span>品牌名称</p>
                    <p><span>税码：</span>增值税20%</p>
                </div>
                <div class="weui-cell__ft">
                    <p></p>
                    <p>x100个(1箱)</p>
                    <p class="list_red">￥312.00</p>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    $(".deliver-list .weui-cell__ft").on('click',function(){
        console.log(1);
        var That = $(this).find("i");
        if(That.hasClass("icon-bottom")){
            That.removeClass("icon-bottom");
            $(".deliver-lists").css("display","block");
            $(this).find("span").text("点此折叠")
        }else{
            That.addClass("icon-bottom");
            $(".deliver-lists").css("display","none");
            $(this).find("span").text("点此展开")
        }
    })
</script>
</html>